
<template name="skeleton">
    <view class="sk-container">
      <view class="box">
        <view class="matron">
          <view class="order_serial sk-transparent">
            <label style="color:rgba(0, 0, 0, 0.7)" class="sk-transparent sk-text-14-2857-421 sk-text">订单编号:</label>246788890146</view>
          <view class="item">
            <image class="h1-img sk-image" style="position:absolute"></image>
            <image class="h1-img sk-image"></image>
            <view class="text">
              <view class="text_name sk-transparent sk-text-14-2857-328 sk-text">董静</view>
              <view class="text_start sk-transparent">
                <label style="color:rgba(0, 0, 0, 0.8)" class="sk-transparent sk-text-14-2857-401 sk-text">开始日期:</label>2024-01-19</view>
              <view class="text_end sk-transparent">
                <label style="color:rgba(0, 0, 0, 0.8)" class="sk-transparent sk-text-14-2857-136 sk-text">结束日期:</label>2024-01-22</view>
            </view>
          </view>
          <view class="order_price">
            <text class="price_info sk-transparent sk-text-14-2857-252 sk-text">合计:￥ </text>
            <text class="price_text sk-transparent sk-text-14-2857-598 sk-text">28000</text>
          </view>
          <view class="Button">
            <view class="bc sk-transparent sk-text-30-0000-293 sk-text" style="background-position-x: 50%;">取消订单</view>
            <view class="bc sk-transparent sk-text-30-0000-230 sk-text" style="background-position-x: 50%;">去支付</view>
          </view>
        </view>
        <view class="matron">
          <view class="order_serial sk-transparent">
            <label style="color:rgba(0, 0, 0, 0.7)" class="sk-transparent sk-text-14-2857-305 sk-text">订单编号:</label>246788890148</view>
          <view class="item">
            <image class="h1-img sk-image" style="position:absolute"></image>
            <image class="h1-img sk-image"></image>
            <view class="text">
              <view class="text_name sk-transparent sk-text-14-2857-790 sk-text">冯胜梅</view>
              <view class="text_start sk-transparent">
                <label style="color:rgba(0, 0, 0, 0.8)" class="sk-transparent sk-text-14-2857-358 sk-text">开始日期:</label>2024-01-01</view>
              <view class="text_end sk-transparent">
                <label style="color:rgba(0, 0, 0, 0.8)" class="sk-transparent sk-text-14-2857-889 sk-text">结束日期:</label>2024-01-02</view>
            </view>
          </view>
          <view class="order_price">
            <text class="price_info sk-transparent sk-text-14-2857-708 sk-text">合计:￥ </text>
            <text class="price_text sk-transparent sk-text-14-2857-850 sk-text">40000</text>
          </view>
          <view class="Button">
            <view class="bc sk-transparent sk-text-30-0000-504 sk-text" style="background-position-x: 50%;">取消订单</view>
            <view class="bc sk-transparent sk-text-30-0000-348 sk-text" style="background-position-x: 50%;">去支付</view>
          </view>
        </view>
        <view class="matron">
          <view class="order_serial sk-transparent">
            <label style="color:rgba(0, 0, 0, 0.7)" class="sk-transparent sk-text-14-2857-216 sk-text">订单编号:</label>246788890149</view>
          <view class="item">
            <image class="h1-img sk-image" style="position:absolute"></image>
            <image class="h1-img sk-image"></image>
            <view class="text">
              <view class="text_name sk-transparent sk-text-14-2857-912 sk-text">何章琼</view>
              <view class="text_start sk-transparent">
                <label style="color:rgba(0, 0, 0, 0.8)" class="sk-transparent sk-text-14-2857-417 sk-text">开始日期:</label>2024-01-01</view>
              <view class="text_end sk-transparent">
                <label style="color:rgba(0, 0, 0, 0.8)" class="sk-transparent sk-text-14-2857-45 sk-text">结束日期:</label>2024-01-02</view>
            </view>
          </view>
          <view class="order_price">
            <text class="price_info sk-transparent sk-text-14-2857-606 sk-text">合计:￥ </text>
            <text class="price_text sk-transparent sk-text-14-2857-919 sk-text">19600</text>
          </view>
          <view class="Button">
            <view class="bc sk-transparent sk-text-30-0000-854 sk-text" style="background-position-x: 50%;">取消订单</view>
            <view class="bc sk-transparent sk-text-30-0000-259 sk-text" style="background-position-x: 50%;">去支付</view>
          </view>
        </view>
        <view class="matron">
          <view class="order_serial sk-transparent">
            <label style="color:rgba(0, 0, 0, 0.7)" class="sk-transparent sk-text-14-2857-469 sk-text">订单编号:</label>246788890150</view>
          <view class="item">
            <image class="h1-img sk-image" style="position:absolute"></image>
            <image class="h1-img sk-image"></image>
            <view class="text">
              <view class="text_name sk-transparent sk-text-14-2857-660 sk-text">白仁梅</view>
              <view class="text_start sk-transparent">
                <label style="color:rgba(0, 0, 0, 0.8)" class="sk-transparent sk-text-14-2857-375 sk-text">开始日期:</label>2024-01-01</view>
              <view class="text_end sk-transparent">
                <label style="color:rgba(0, 0, 0, 0.8)" class="sk-transparent sk-text-14-2857-249 sk-text">结束日期:</label>2024-01-02</view>
            </view>
          </view>
        </view>
      </view>
    </view>
  </template>

  <style lang="scss">
/* #ifdef H5 */
@import url(./style/order_list.scss);
/* #endif */

.sk-transparent {
    color: transparent !important;
  }
.sk-text-14-2857-421 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 37.6923rpx;
    position: relative !important;
  }
.sk-text {
    background-origin: content-box !important;
    background-clip: content-box !important;
    background-color: transparent !important;
    color: transparent !important;
    background-repeat: repeat-y !important;
  }
.sk-text-14-2857-328 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 43.0769rpx;
    position: relative !important;
  }
.sk-text-14-2857-401 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 37.6923rpx;
    position: relative !important;
  }
.sk-text-14-2857-136 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 37.6923rpx;
    position: relative !important;
  }
.sk-text-14-2857-252 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 35.0000rpx;
    position: relative !important;
  }
.sk-text-14-2857-598 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 48.4615rpx;
    position: relative !important;
  }
.sk-text-30-0000-293 {
    background-image: linear-gradient(transparent 30.0000%, #EEEEEE 0%, #EEEEEE 70.0000%, transparent 0%) !important;
    background-size: 100% 57.6923rpx;
    position: relative !important;
  }
.sk-text-30-0000-230 {
    background-image: linear-gradient(transparent 30.0000%, #EEEEEE 0%, #EEEEEE 70.0000%, transparent 0%) !important;
    background-size: 100% 57.6923rpx;
    position: relative !important;
  }
.sk-text-14-2857-305 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 37.6923rpx;
    position: relative !important;
  }
.sk-text-14-2857-790 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 43.0769rpx;
    position: relative !important;
  }
.sk-text-14-2857-358 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 37.6923rpx;
    position: relative !important;
  }
.sk-text-14-2857-889 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 37.6923rpx;
    position: relative !important;
  }
.sk-text-14-2857-708 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 35.0000rpx;
    position: relative !important;
  }
.sk-text-14-2857-850 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 48.4615rpx;
    position: relative !important;
  }
.sk-text-30-0000-504 {
    background-image: linear-gradient(transparent 30.0000%, #EEEEEE 0%, #EEEEEE 70.0000%, transparent 0%) !important;
    background-size: 100% 57.6923rpx;
    position: relative !important;
  }
.sk-text-30-0000-348 {
    background-image: linear-gradient(transparent 30.0000%, #EEEEEE 0%, #EEEEEE 70.0000%, transparent 0%) !important;
    background-size: 100% 57.6923rpx;
    position: relative !important;
  }
.sk-text-14-2857-216 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 37.6923rpx;
    position: relative !important;
  }
.sk-text-14-2857-912 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 43.0769rpx;
    position: relative !important;
  }
.sk-text-14-2857-417 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 37.6923rpx;
    position: relative !important;
  }
.sk-text-14-2857-45 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 37.6923rpx;
    position: relative !important;
  }
.sk-text-14-2857-606 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 35.0000rpx;
    position: relative !important;
  }
.sk-text-14-2857-919 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 48.4615rpx;
    position: relative !important;
  }
.sk-text-30-0000-854 {
    background-image: linear-gradient(transparent 30.0000%, #EEEEEE 0%, #EEEEEE 70.0000%, transparent 0%) !important;
    background-size: 100% 57.6923rpx;
    position: relative !important;
  }
.sk-text-30-0000-259 {
    background-image: linear-gradient(transparent 30.0000%, #EEEEEE 0%, #EEEEEE 70.0000%, transparent 0%) !important;
    background-size: 100% 57.6923rpx;
    position: relative !important;
  }
.sk-text-14-2857-469 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 37.6923rpx;
    position: relative !important;
  }
.sk-text-14-2857-660 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 43.0769rpx;
    position: relative !important;
  }
.sk-text-14-2857-375 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 37.6923rpx;
    position: relative !important;
  }
.sk-text-14-2857-249 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 37.6923rpx;
    position: relative !important;
  }
.sk-image {
    background: #EFEFEF !important;
  }
.sk-container {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: transparent;
  }


  </style>